<%@page contentType="text/html"%>
<%@page pageEncoding="UTF-8"%>

<%@ taglib uri="http://struts.apache.org/tags-bean" prefix="bean" %>
<%@ taglib uri="http://struts.apache.org/tags-html" prefix="html" %>
<%@ taglib uri="http://struts.apache.org/tags-logic" prefix="logic" %>
<!DOCTYPE html>
<html:html lang="en">

    <head>

        <title>dESiGNERz-CREW.iNFO - Constellation Admin Skin</title>
        <meta charset="utf-8">

        <!-- Combined stylesheets load -->
        <link href="css/mini74d5.css?files=reset,common,form,standard,special-pages" rel="stylesheet" type="text/css">

        <!-- Favicon -->
        <link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
        <link rel="icon" type="image/png" href="favicon-large.png">

        <script type="text/javascript" src="js/mini635d.php?files=html5,jquery-1.4.2.min,old-browsers,common,standard,jquery.tip.js"></script>

    </head>

    <!-- the 'special-page' class is only an identifier for scripts -->
    <body class="special-page login-bg dark">
        <!-- The template uses conditional comments to add wrappers div for ie8 and ie7 - just add .ie, .ie7 or .ie6 prefix to your css selectors when needed -->
        <!--[if lt IE 9]><div class="ie"><![endif]-->
        <!--[if lt IE 8]><div class="ie7"><![endif]-->

    <section id="message">
        <div class="block-border"><div class="block-content no-title dark-bg">
                <p id="loginFail" class="mini-infos">Login Fail, <b>User Name</b> or <b>Password</b> is invalide</p>
               <p id="loginSucessfull" class="mini-infos">Please insert <b>User Name</b> and <b>PassWord</b></p> 
            </div></div>
    </section>

    <section id="login-block">
        <div class="block-border"><div class="block-content">

                <h1>Admin</h1>
                <div class="block-header">Please login</div>

                <html:form styleClass="form with-margin"  styleId="login"  action="login.do">
                    <input type="hidden" name="a" id="a" value="send">
                    <p class="inline-small-label">
                        <label for="login"><span class="big">User name</span></label>
                        <html:text property="username" styleClass="full-width" styleId="login"/>
                    </p>
                    <p class="inline-small-label">
                        <label for="pass"><span class="big">Password</span></label>
                        <html:password property="pass" styleClass="full-width" styleId="pass"/>
                    </p>
                    <p class="input-height">
                        <button type="button"  class="float-right" onclick="login1()">Login</button>
                    </p>
                </html:form>


            </div></div>
    </section>


    <script type="text/javascript">
   
    window.onload = function() {
        var type = '<%=(String) request.getAttribute("type")%>';
        
        	
        if(type == 'true'){       
            
            
            document.getElementById('loginSucessfull').style.display = 'inline';
            document.getElementById('loginFail').style.display = 'none';
        }
        else{
        	document.getElementById('loginSucessfull').style.display  = 'none';
            document.getElementById('loginFail').style.display = 'inline';

        }

    }
    
    function login1(){
    	 document.getElementById("login").action = 'login.do?type=true';
         document.getElementById("login").submit();
    }
    </script>
    
    

</html:html>
